const CompressionPlugin = require('compression-webpack-plugin')

const isProd = process.env.NODE_ENV === 'production'

module.exports = {
    devServer: {
        proxy: {
            '/': {
                target:'http://127.0.0.1:8081/',
                ws:false,
                changeOrigin: true
            }
        }
    },
    publicPath: isProd ? '/visual-drag-demo/' : './',
    configureWebpack: config => {
        if (isProd) {
            return {
                plugins: [
                    new CompressionPlugin({
                        test: /\.js$|\.html$|\.css$|\.jpg$|\.jpeg$|\.png/, // 需要压缩的文件类型
                        threshold: 10240, // 归档需要进行压缩的文件大小最小值，这个对 10K 以上的进行压缩
                        deleteOriginalAssets: false, // 是否删除原文件
                    }),
                ],
            }
        }
        // leader-line画线相关配置
        let path = require('path')
        console.log(path)
        config.module.rules.push({
            test: path.resolve(__dirname, 'node_modules/leader-line/'),
            use: [
                {
                    loader: 'skeleton-loader',
                    options: {
                        procedure: content => `${content}export default LeaderLine`
                    }
                }
            ]
        })
    },
}
